<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link href="css/reset.css" rel="stylesheet" />
    <link href="css/index.css" rel="stylesheet" />
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <title>Login</title>
</head>
<body>
    <form action="./index" method="POST">
    <div class="LoginBox">
        <div class="LoginVerticalCenteredBox">
            <div class="LoginHead">
                Smart Home Management System
            </div>
            <div class="LoginUserBoxOut ">
                <div class="LoginUserBox mar_top30">
                    <span aria-hidden="true">      </span>
                    <span class="fa fa-envelope-o" aria-hidden="true"></span>
                    <input required="required" class="LoginUserInput" placeholder="Phone Number" name="phone" required />
                </div>
            </div>
            <div class="LoginUserBoxOut">
                <div class="LoginUserBox">
                    <span aria-hidden="true">      </span>
                    <span class="fa fa-key" aria-hidden="true"></span>
                    <input required="required" class="LoginUserInput" placeholder="Password" type="password" name="password" required />
                </div>
            </div>
            <div class="LoginUserBoxOut">
                <div class="LoginLastBox clearfix">
                    <div class="leftBox">
                        <label for="inputcheck"></label>
                        <a href="register.jsp"><span>No account? Goto Register!</span></a>
                        <br />
                        <br />
                        <a href="RegisterFamily.jsp"><span>First family member? Goto Register Family!</span></a>
                        <br />
                        <br />
                        <br />
                    </div>
                        <div class="RightBox">
                            <input type="submit" class="RightBox" name ="submit" value="Login"/>
                        </div>
                </div>
            </div>
        </div>
    </div>
</form>
</body>
</html>